<style>
    #ms-toast-success, #ms-toast-fail{
        /**
            Bootstrap Modal 设置的是1055， 所以需要比1055大一点
         */
        z-index: 1056;
    }
</style>
<div class="ms-toast d-flex justify-content-center align-items-center w-100 position-absolute mt-5 text-light">
    <div id="ms-toast-fail" class="toast align-items-center bg-danger fs-5 w-auto" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="d-flex">
            <div class="toast-body">
                温馨提示:
                <span id="ms-toast-fail-info"></span>
            </div>
            <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
    </div>
</div>

<div class="ms-toast d-flex justify-content-center align-items-center w-100 position-absolute mt-5 text-light">
    <div id="ms-toast-success" class="toast align-items-center bg-success fs-5 w-auto" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="d-flex">
            <div class="toast-body">
                温馨提示:
                <span id="ms-toast-success-info"></span>
            </div>
            <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
    </div>
</div>